.skin-blue .main-header .navbar {
    background-color: #393939;
}
.skin-blue .main-header .logo {
    background-color: #3398db;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.sumStyle {
    height: 50px;
    line-height: 50px;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
    background: none;
    display: block;
    cursor: pointer;
}

.deviceHistory {
    height: 50px;
    line-height: 50px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    cursor: pointer;
    border-left:none;
    background: none;
}
.deviceHistory:hover{
	background: #666666;
}
.sumStyle:after, .deviceHistory:after{
	content:"";
	border-right:#222 1px solid;
	float:right;
	height:30px;
	margin-top:-40px;
	margin-right:-10px;
}
.deviceHistory:hover:after{
	content:"";
	border-right:none;
}

.navbar-nav > li > a.historyBgc {
    padding-top: 4px;
    padding-bottom: 9px;
    display: block;
    background: none;
}
.navbar-custom-menu .navbar-nav>li>a {
    padding-top: 4px;
    padding-bottom: 9px;
}

 .skin-blue .main-header .navbar .nav > li > a.historyBgc:focus,
 .skin-blue .main-header .navbar .nav > li > a.historyBgc:hover {
     background-color: #666;
     color: #f6f6f6;
 }
 
 
 .control-sidebar-dark, .control-sidebar-dark+.control-sidebar-bg {
    background: #3b3d3e;
}

.contorl-sidebar-halfheight-top{
	 background: #3b3d3e;
}
.control-sidebar-dark {
    color: #b9b9b9;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active {
    background: #3b3d3e;
    color: #fff;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a {
    background: #323333;
    color: #b8c7ce;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus {
    border-left-color: #141a1d;
    border-bottom-color: #141a1d;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:active {
    background: #2b2b2b;
}

.tab-pane .historyTime {
    color: #6d6d6d;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #333;
}

.skin-blue .sidebar-menu>li.header {
    color: #666;
    background: #282828;
}
.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #454545;
}

.skin-blue .sidebar a {
    color: #c3c3c3;
}


.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
    color: #fff;
    background: #505050;
    border-left-color: #3398db;
}

.skin-blue .treeview-menu>li>a {
    color: #888;
}

.skin-blue .sidebar-menu>li:hover>a>i.fa, .skin-blue .sidebar-menu>li.active>a>i.fa{
	color:#00c0ef;
}




.bottombar {
    background-color: rgb(69, 69, 69);
    border-top:#3398db 3px solid;
}

.bottombar:hover{
	 background-color: rgb(69, 69, 69);
}
.bottombar .bottombar-item{
	border-right:#2f2f2f 1px solid;
	border-left:#4b4b4b 1px solid;
}
.bottombar  .bottombar-item  .name-tip{	
	background:#3b3b3b;
	color:#fff;
}

.bottombar .bottombar-item .name-tip:after{	
	border-width:5px ;
	border-style:solid;
	border-color:#3b3b3b  transparent  transparent transparent ;
}
.bottombar .bottombar-item .bottombar-icon{
	background:none;
	overflow: hidden;
}
.bottombar .bottombar-item:hover  .bottombar-icon{
	transition: All .8s ease-in-out;
	background: #3398db;
	transform:rotateZ(360deg);
	transform-origin:center;
}
.bottombar .selected  .bottombar-icon{
	background: #3398db;
	curosr: pointer;
}



.searchBox{
	width:200px;
	padding:7px 5px 0;
	margin-right:20px;
}
.searchBox .input-group {
	border-radius:5px;
	border:#fff 1px solid;
	background: #fff;
}
.searchBox .form-control{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	border:0px;
}
.searchBox .btn .fa{
	font-size:20px;
	color: #999;
}
.searchBox:hover .btn .fa{
	color: #3398db;
	font-size:20px;
}
.box.box-primary {
    border-top-color: #444;
}

.bg-light-blue, .label-primary, .modal-primary .modal-body {
    background-color: #444 !important;
}
.btn-primary {
    background-color: #3398db;
    border-color: #367fa9;
}	
.btn-primary:hover,.btn-primary:active,.btn-primary.hover{background-color:#3baffd}


.main-header .sidebar-toggle:before {
    content: "\f0c9";
    display:none;
}
.sidebar-toggle .toggle-btn{
  width:14px;
  height:20px;  
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  
}

.toggle-btn .line{
  width:14px;
  height:2px;
  background:#fff;
  border-radius:1px;
}

.toggle-btn:after{
  content:"";
  border-width:4px;
  border-style:solid;
  border-color:transparent #fff transparent transparent;
  position:absolute;
  left:6px;
  top:6px;
  transition:all .5s ease-in; 
}


.toggle-btn .line:nth-child(2){
  width:8px;
  marign-left:0;
  transition:margin .5s;
}

.sidebar-toggle .on .line:nth-child(2){
  width:8px;
  margin-left:6px;
  transition:margin .5s;
}
.sidebar-toggle .on:after{
  transform:rotateY(180deg);
  left:0;
  transition:all .5s ease-in; 
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #666;
    }
 .breadcrumb{
    background:none;
    margin:0;
 }
 
 .navbar-nav>.messages-menu>.dropdown-menu{
 	background: #3f3f3f;
 	border:#555 1px solid;
 }
   
  .navbar-nav>.notifications-menu>.dropdown-menu>li  .menu>li>a:hover,
  .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,
  .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover,
  .searchList>li:hover{
  	background:#555;  	
  }
  
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {
    color: #ddd;
    }
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small {
    color: #aaa; 
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
    color: #ddd;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {

    border-bottom: 1px solid #222;
}

.searchList{
	background: #3f3f3f;
	color:#ddd;
	opacity: .99;
}

.searchList li{
	
	 border-bottom: 1px solid #222;
}